<template>
    <div class="main">
        <el-row style="width: 70%;height: 100%;margin: 0 auto;">
            <el-divider direction="vertical" />
            <el-col :span=8>
                <div class="title">
                    技术支持:
                    <div>
                        江西中医药大学计算机学院
                    </div>
                    <div>
                        21计科2班
                    </div>
                    <router-link :to="{ name: 'homeSetting' }">
                        后台管理
                    </router-link>
                </div>
            </el-col>
            <el-divider direction="vertical" />
            <el-col :span=8>
                <div class="title">
                    联系我们:
                    <div>
                        地址：南昌市新建区梅岭大道1688号
                    </div>
                    <div>
                        邮箱：1176234832@qq.com
                    </div>
                    <a href="https://beian.miit.gov.cn/#/Integrated/index">
                        备案号：赣ICP备2023009032号-1
                    </a>
                </div>
            </el-col>
            <el-divider direction="vertical" />
            <el-col :span=7>
                <div class="title">
                    友情链接:
                    <div>
                        <a href="http://www.jiangxi.gov.cn/">
                            江西省人民政府
                        </a>
                    </div>
                    <div>
                        <a href="http://www.people.com.cn/">
                            人民网
                        </a>
                    </div>
                    <div>
                        <a href="https://www.cctv.com/">
                            央视网
                        </a>
                    </div>
                </div>
            </el-col>
            <el-divider direction="vertical" />
        </el-row>
    </div>
</template>

<script>
export default {
    name: "footerComponents",


}

</script>

<style scoped>
.main {
    height: 200px;
    background-color: rgb(54, 54, 54);
    margin-top: 30px;
}

.title {
    font-size: medium;
    color: whitesmoke;
    margin-top: 55px;
    margin-left: 30px;
}

.title div {
    margin-top: 2px;
}

a {
    color: whitesmoke;
    text-decoration: none;
}

a:hover {
    color: red;
}

a :visited {
    color: whitesmoke;
    text-decoration: none;
}

.el-divider {
    height: 50%;
    margin: auto 0;
}
</style>